﻿*:focus {outline: none;}  
*{ list-style:none; margin:0; padding:0; font-family:'Microsoft YaHei';}
a{text-decoration:none; color:#464343;}
#product .nav_box .product1{background:blue;}
#index .nav_box .index{background:blue;}
#gjhy .nav_box .nav_box_li{background:blue;}
#new01 .nav_box .news0{background:blue;}
#news2 .nav_box .news0{background:blue;}
#about_us .nav_box .aboutus{background:blue;}	
#gjkd .nav_box .nav_box_li{background:blue;}
#kongyun .nav_box .nav_box_li{background:blue;}
#contact .nav_box .contact1{background:blue;}
.jg{
	clear: both;
    height: 1px;
    zoom: 1;
    overflow: auto;}
 
.logo{
    width:100%;
    height:70px;
}
.logo_box{
    width:1000px;
    height:70px;
    margin:0 auto;
}
#logo{
    float:left;
    height:70px;
}
#logo img{
    width: 200px;
    height: 70px;
}
.bottom_logo img{
    width: 200px;
    height: 70px;
}
#lag{
    float:right;
    line-height:70px;
    height:70px;
	text-decoration:underline;
}
#lag a:hover{
	color:red;
	text-decoration: inherit;
	}
.nav{
    width:100%;
    height:60px;
    background-color:#888888;
	position:relative;
	z-index:99999;
}
.nav_box{
    width:720px;
    height:60px;
    margin:0 auto;
  
}
.nav_box a{
    color:#fff;
}
.nav_box ul{
    text-align:center;
    color:#fff;
}
.nav_box ul li{
    float:left;
    height:60px;
    line-height:60px;
    width:120px;
    display:block; 
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;  
}
.nav_box ul li a{
    display:block;
}
.nav_box ul li:hover{
    background-color:blue;
}
#nav_box_bom{
    display:none;
    width:120px;
    background-color:#888888;
    position:absolute;
    z-index:999;
     
}
.banna{
    width:100%;
    height:400px;
	overflow:hidden;
    position: relative;
	z-index:1;
}
#banna{
	position: relative;
	z-index:1;
	}
 
.arrow { position: absolute; top: 350px;}
#al { left: 15px;}
#ar { right: 15px;}
.about{
    width:100%;
    
}
.about_box {
    width: 1000px;
    margin: 1.5em auto;
}
.about_box_text{
    width:700px;
    float:left;
	font-size: 30px;
    color: #8a1515;

}
h1{
    font-size:30px;
    margin:0px;
	font-family: 'Microsoft YaHei';
	font-weight:100;

}
h2{
    font-size:16px;
    color:#333;
    margin:1em 0px;
    font-weight:100;
}
h3{
    font-size:16px;
    color:#333;
	font-weight:100;
}
.see-button{
    text-align:center;
    font-size:15px;
    color:#fff;
    background-color:#3d3434;
    width:120px;
    height:46px;
    line-height:46px;
    margin:2.5em 0px;
    -webkit-transition:all 0.5s linear;
    -moz-transition:all 0.5s linear;
    -ms-transition:all 0.5s linear;
    -o-transition:all 0.5s linear;
    transition:all 0.5s linear;
    display:block;
}
.see-button:hover{
    background-color:red;

}
.about_box_img{
    width:1px;
    float:right;
    margin-left:1em;
	 
}
.about_box_img img{
    
	border:none;
}
.service{
    width:100%;
    
}
.srevice_box{
    width:1000px;
    margin:0 auto;
}
#Tit{
    font-size:30px;
    color:#8a1515;
}
#srevice_class li{
    width:300px;
    float:left;
    padding-left:30px;
    margin-top:2em;
    
}
#srevice_class li p{
	position:relative;
    font-size:16px;
    text-align:center;
    background-color:#ccc;
	display:block;
	height:30px;
	line-height:30px;
	color:#fff;
   }
#srevice_class li p:hover{
	background:#F00;}
#srevice_class li img{
    width:300px;
	height:200px;
}
.devd{
    width:100%;
    height:200px;
    background: url(../images/banna2.jpg);
    background-attachment:fixed;
   

}
.devd_box{
    width:1000px;
    margin:0 auto; 
	background:rgba(255, 255, 255, 0.0);
}
h4{
  font-size:30px;
  color:#8a1515;
  text-align:center;
  line-height:50px;
}
h5,h6{
    font-size:15px;
    text-align:center;
    color:#464343;
    margin-top:2em;
    }
.news{
    width:100%;
    height:200px;

}
.news_box{
    width:1000px;
    margin:0 auto;
}
#news_tit{
  font-size:30px;
  color:#8a1515;
  margin-top:1.5em;   
}
.news_box a:hover{ color:blue;}
.news_box li{
    width:450px;
    float:left;
    margin-top:2em;
    margin-left:1em;
    border-right:5px double red;
}
.news_box li p1{
    font-size:12px;
    color:#8a1515;
    float:right;
    margin-right:2em;
    
}
.news_box li p2{
    font-size:20px;
}
#coop_tit{
  font-size:30px;
  color:#8a1515;
  margin-top:1.5em;   
}
.coop{
    width:100%;
    height:200px;
     
}
.coop_box{
    width:1000px;
    margin:0 auto;
    
}
.coop_box li{
     width:200px;
     float:left;
	 margin-left:25px;
	 margin-top:15px;
      
      
}
#co01{
    background:url(../images/apl.jpg) no-repeat;
    background-size:100% 100%; 
    width:100px;
    height:80px;
	position:relative;
}
#co02{
    background:url(../images/dhl.jpg) no-repeat;
    background-size:100% 100%; 
    width:100px;
    height:80px;
	position:relative;
}
#co03{
    background:url(../images/bravoled.jpg) no-repeat;
    background-size:100% 100%; 
    width:100px;
    height:80px;
	position:relative;
}
#co04{
    background:url(../images/maerskline.jpg) no-repeat;
    background-size:100% 100%; 
    width:100px;
    height:80px;
	position:relative;
}
#co05{
    background:url(../images/ups.jpg) no-repeat;
    background-size:100% 100%; 
    width:100px;
    height:80px;
	position:relative;
}
#co06{
    background:url(../images/fedex.jpg) no-repeat;
    background-size:100% 100%; 
    width:100px;
    height:80px;
	position:relative;
}
#co07{
    background:url(../images/zy.png) no-repeat;
    background-size:100% 100%; 
    width:100px;
    height:80px;
    position:relative;
}
#co08{
    background:url(../images/OOCL_logo.svg) no-repeat;
    background-size:100% 100%; 
    width:100px;
    height:80px;
    position:relative;
}
.bottom{
    width:100%;
    background-color:#000;
    height:260px;
}
.bottom_box{
    width:1000px;
    margin:0 auto;
}
.bottom_nav{
    width:1000px;
    height:70px;
    margin-top:40px;
    float:left;
    line-height:20px;
	font-size:14px;
}
.bottom_nav a{
	color:#fff;}
.bottom_nav a:hover{
	color:#00fcff;
	border-bottom:1px solid #00fcff;}
.bottom_nav li{
    float:left;
    width:110px;
    border-right:1px solid #fff;
    margin-top:20px;
    text-align:center;
}
 
.bottom_logo{
	position:relative;
    float: right;
    width: 351px;
}
.bottom_logo p{
    color:#fff;
	padding:10px;
	font-size:16px;
	 
}
.bottom_bolg li{
    float:left;
    margin-left:2em; 
}
.ad{
    width:600px;
    color:#fff;
  }
.ad li{
	padding:10px;
	font-size:14px;}
.ad a {
	color:#00F;}
.bottom_bolg{
    width: 375px;
float: right;
margin-top: -30px;
}
.bottom_bolg2 li{
    float:left;
    margin-left:2em; 
}
.bottom_bolg2{
    float:right;
    margin-right:100px;
}
 
/*首页样式结束*/


.about_us{
    width:100%;
    height:500px;
    background: url(../images/about.png) no-repeat;
    background-size:100% 100%;
}
.about_us_box{
    background:#fff;
    width:100%;
    height:500px;
    background-color:rgba(255,255,255,0.7);
         padding-top:100px;
}
.about_us_box li{
	padding-top:20px;}
#text1{
    font-size:30px;
    font-weight:700;
	width:700px;
	margin:0 auto;
	text-align:center;
}
#text2 ,#text3,#text4{
    font-size:16px;
    color:#211f1f;
	width:1000px;
	margin:0 auto;
}
.about_us_service{
    width:100%;
    height:600px;
}
.about_us_service_box{
    width:1000px;
    margin:0 auto;
	line-height:50px;
}
#about_tit{
    font-size:28px;
     color:#211f1f;
     padding-top:30px;
}
.about_us_service_box span i1{
	font-weight:700;
}
.about_us_service_box span{
    font-size:16px;
    color:#211f1f;
}
.about_office{
    width:100%;
    height:550px;
}
.about_office_box{
    width:1000px;
    margin:0 auto;
}
.office_img img{
    width:240px;
    height:200px;
    padding:10px;
}
.office_img li{
    width:250px;
    height:220px;
    float:left;
}
/*关于我们结束*/



.product{
    width:100%;
    height:700px;
    margin-top:50px;
}
.product_box{
    width:1000px;
    margin:0 auto;
}
#product1 li{
     width:240px;
     height:350px;
     float:left;
     margin:2px;
	

}
#product1 img{
    width:200px;
     height:200px;
    margin:5px;
    
}
#pr_introduce{
	font-size:12px;
	 }
#product2 li{
     width:240px;
     height:350px;
     float:left;   
     margin:2px;
}
#pr_name{
	height:55px;
	font-size:14px;}
#pr_name a{
	max-height:55px;
	font-size:14px;
	overflow:hidden;
	display:block;}
#product2 img{
    width:200px;
    height:150px;
    margin:5px;
    
}
/*产品样式结束*/


.contact{
    width:100%;
    height:700px;
    margin-top:100px;

}
.contact_box {
    width:1000px;
    margin:0 auto;
 }
.contact-text{
    width:400px;
    float:left;
}
#con_tit{
    font-size:20px;
    font-weight:700;
}
#con_name{
    font-size:18px;
    margin-top:1.5em;
}
#con_phone{
   font-size:18px;
    margin-top:0.5em;
}
#con_phone i1{
	font-size:16px;
	}
#con_email i1{
	font-size:16px;
	}
#con_time i1{
	font-size:16px;
	}
#con_time{
	font-size:18px;
   margin-top:0.5em;
	}
#con_email{
    font-size:18px;
    margin-top:0.5em;
}
#con_email a{
	color:#000;
	}
#con_wx{
    font-size:18px;
    width:250px;
    margin-top:1.5em;
    line-height:150px;
}
#con_wx img{
    width:150px;
    height:150px;
    float:right;
    
}
.contact-map{
    width:500px;
    height:400px;
    border:1px solid #000;
    float:right;
    
}
.contact_us{
    width:100%;
    height:500px;
}
.contact_us_box{
    width:1000px;
    margin:0 auto;
}
#form_name{
    width:390px;
    height:50px;
	 
	 
}
#form_name input{
    width:390px;
    height:40px;
	 
}
#form_name2{
    width:390px;
    height:50px;
	
	 
}
#form_name2 input{
    width:390px;
    height:40px;
	 
}
#form_phone{
    width:390px;
    height:50px;
	 
}
#form_phone input{
    width:390px;
    height:40px;
}
#form_e-mail{
    width:390px;
    height:50px;
	 
}
#form_e-mail input{
    width:390px;
    height:40px;
	 
}
#form_content{
    width:390px;
    height:150px;
	position:absolute;
	top:0;
	right:0;
}
#form_content input{
    width:390px;
    height:140px;
}
#Obtn{
    width:300px;
    height:40px;
    text-align:center;
    line-height:40px;
    background-color:#ccc;
    color:#fff;
	float:left;
	margin-left:170px;
}
#Obtn:hover{
    
    background-color:blue;
    
}
.comtact_form{
    width:800px;
	margin:0 auto;
	position:relative;
}
.address{
    font-size:20px;
	font-weight:700;
    margin-top: 1.5em;
}
.address p{
	font-weight:100;
	font-size:16px;
	margin-top: 0.5em;}
.hy{
    width:100%;
    height:700px;
    margin-top:100px;
}
.hy2{
    width:100%;
    height:800px;
    margin-top:100px;
}
.hy_box{
    width:1000px;
    margin:0 auto;
}
.hy_box_text{
    width:400px;
    height:500px;
    line-height:30px;
    color:#333;
    float:left;
    font-size:14px;  
}
.hy_box_text i1{
	font-size:20px;
	font-weight:700px;
	font-weight:700;
	}
.hy_box_text i2{
	font-size:16px;
	font-weight:700px;
	font-weight:700;
	}
.hy_box_img{
    width:500px;
    float:right;
	margin-top:20px;
}

.hy_box_img2{
    width:500px;
    float:right;
	margin-top:20px;
}

.hy_box_img2 img{
    width:480px;
    height:300px;
}
.hy_box_img img{
    width:480px;
    height:300px;
}
.express{
    width:100%;
    height:830px;
    margin-top:100px;
}
.express_box{
    width:1000px;
    margin:0 auto;
}
.express_box_img{
    width:550px;
    float:left;
	margin-top:10px;
    
}
.express_box_text{
    width:400px;
    float:right;
    font-size:14px;
    color:#333;
    line-height:20px;
}
.express_box_text i1{
    
    font-size:18px;
    color:#333;
	font-weight:700;
     
}
.express_box_text p{
    font-size:20px;
    font-weight:700;
}

.ky{
    width:100%;
    height:700px;
    margin-top:100px;
}
.ky_box{
    width:1000px;
    margin:0 auto;
}
.ky_box_text{
    width:400px;
    height:500px;
    line-height:40px;
    color:#333;
    float:left;
    font-size:14px;
    margin-top:50px;
}
.ky_box_text p{
    font-size:20px;
    font-weight:700;
    
}
.ky_box_text p1{
	font-size:16px;
    font-weight:100;}
.ky_box_img{
    width:500px;
    float:right;
	
}
.ky_box_img img{
    width:480px;
    
    margin-top:60px;
}
.news1{
    width:100%;
    
    margin-top: 50px;
}
.news1_box{
    width:1000px;
    margin:0 auto;
}
 .news1_box li {
    
    width:320px;
    height:500px;
    float:left;
    margin-right:10px;
    }
.news1_box_tit{
    font-size:37px;
    color: #BB1E10;
    margin-top: 20px;
}
#new_img{
    width:300px;
    height:240px;
    margin:10px;
     
}
#new-tit{
    width:300px;
    font-size:20px;
    margin-top:20px;
    color:#3d3434;
    padding:10px;
	overflow:hidden;
	height:20px;
}
#time{
    font-size:12px;
    color:red;
    padding:10px;
}
#new-text{
    border-top:3px double #f00;
    width:300px;
    font-size:13px;
    color:#3d3434;
    padding:10px;
	height:50px;
	overflow:hidden;
}
#newObtn{
    width:60px;
    height:20px;
    border:none;
    background-color:#ccc;
    color:#fff;
    margin:10px 10px;
	float:right;
}
#newObtn:hover{
 background-color:#00eaff;
}

.news1_box_cc{
    margin-top:50px;
    height:450px;
}
.new-next{
    width:100%;
    text-align:center;
    height:50px;
}
.new-next ul{
    width:200px;
    margin:0 auto;
}
.new-next li{
    float:left;
    width:100px;
}
.new-next a{
    color:#000;
}
.new-next a:hover{
    color:red;
}
.new2{
    width:100%;
    
}
.new2_box{
    width:1000px;
    margin:0 auto;
}
.new2_box_left{
    margin-top:60px;
    width:200px;
    float:left;
}
#new-c{
    width:150px;
    height:50px;
    text-align:center;
    background-color:red;
    line-height:50px;
    color:#fff;
}
#new-fh{
    width:150px;
    height:50px;
    text-align:center;
    background-color:#ccc;
    line-height:50px;
    color:#fff;
    margin-top:20px;
}
#new-fh a{
    color:#fff;
}
#new-fh:hover{
    background-color:red;
}
.new2_box_right {
    margin-top: 60px;
    width: 700px;
    float: left;
    margin-left: 60px;
}
#xx-tit{
    font-size:24px;
	padding:10px;
    border-bottom:2px solid #000;
}
#xx-time{
    font-size:12px;
	text-align:right;
}
#xx-img{
    width:680px;
    height:400px;
    background:url(/images/hy1.jpg) no-repeat;
    background-size:100% 100%;
    margin:10px;
}
#xx-oo{
    width:680px;
    
    
    margin:10px;
}
.product_box_left{
	width:490px;
	height:500px;
	float:left;}
.product_box_left img{
	padding:10px;
	width:450px;
	max-height:450px;
	}
 
.product_box_right{
	width:450px;
	height:500px;
	float:right;
	}
 
#tit1{	 
	width:400px;
	 
	font-size:20px;
	}
#tit2{
	 
	width:400px;
	height:100px;
	 
	 
	}
#tit3{
	 
	width:400px;
	height:280px;
	 
	 
	}
.product_box2{
	width:100%;
	height:450px;
	}
.product_box_01{
	width:1000px;
	margin:0 auto;
	margin-top:50px;}
.product_xx{
	width:100%;
	 
	}
.product_xx_box{
	width:1000px;
	margin:0 auto;
	margin-top:50px;}
.titbox1{
	font-size:40px;
	text-align:center;
	height:100px;}
.titbox2 img{
	height:480px;
	width:1000px;
  }
.titbox2{
	text-align:center;}
.titbox3 p img{
	text-align:center;
	 
	  }
#bolg01{
	position:relative;}
#bolg02{
	position:relative;}
#bolg03{
	position:relative;}
.bq{
	width:100%;
	height:20px;
	text-align:center;
	color:#fff;
	background-color:#262626;
	font-size:12px;
	line-height:20px;
	}
.comtact_form_text{
	height:90px;
	width:1000px;
	margin:0 auto;
	}
.comtact_form_text li{
	font-size:20px;
	display:block;
	border-bottom:1px solid #000;
	font-weight:700;}
.comtact_form_text l1{
	font-size:14px;}
#db_home{
	border-left: 1px solid #fff;}
.express_box_text p1{
	font-weight:700;}
.ad ul li a{
	color:#fff;
	text-decoration:none;}
#text9{
	font-size:16px;
	 
	padding:10px;}